﻿@charset "utf-8";
/* CSS Document头部 */
.header { padding: 30px 0 0; background: url('../images/header/h_border.jpg') no-repeat top #fff; }
.header .h-content { position: relative; margin: 0 3%; }
.header .logo { position: absolute; }
.header .nav { height: 84px; }
.header .nav > ul { line-height: 84px; position: relative; display: inline-block; width: 59%; }
.header .nav > ul > li:first-child { margin-left: 0; }
.header .nav > ul > li { font-size: 18px; float: left; margin-left: 6%;position:relative }
.header .nav > ul > li > a { padding: 5px 0; }
.header .nav > ul > li:hover > a, .header .nav > ul > li.active > a { color: #5a5858; border-bottom: 2px solid #00befc; }
.header .nav ul.navlist { line-height: 20px; position: absolute;top:84px;left:0; z-index: 2; width: 300px; height: 323px; text-align: left; color: #fff; background: #939292; }
.header .nav ul.navlist li { margin: 30px 0 0 20px; }
.header .nav ul.navlist li i { display: block; width: 80px; height: 2px; margin-top: 5px; }
.header .nav ul.navlist li:hover i { background: #fff; }
.header .nav ul.navlist li:hover a { color: #fff !important; }
.header .search { position: absolute; top: 25px; right: 0; text-align: center;display: inline-block; }
.header .search > a { line-height: 30px; display: inline-block; width: 30px; margin-right: 10px; color: #fff; background: #5a5858; }
.header .search > img { vertical-align: top}